<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body style="margin: 0; padding: 0; color: white">
    <div
      style="
        background-color: #181925;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        max-width: 470px;
        padding: 42px 32px 58px 32px;
        box-sizing: border-box;
      "
    >
      <img src="https://www.fantasi.one/fantasi-logo.png" alt="email-logo" style="display: block; margin: 0 auto" />
      <div style="margin-top: 40px">
        <div>
          <p
            style="
              margin: 0;
              margin-bottom: 8px;
              text-align: left;
              font-size: 14px;
              font-weight: 500;
              line-height: 20px;
              color: white;
            "
          >
            Hello {username},
          </p>
          <p
            style="
              margin: 0;
              margin-bottom: 8px;
              text-align: left;
              font-size: 14px;
              font-weight: 500;
              line-height: 20px;
              color: white;
            "
          >
            Thank you for your feedback! We have reviewed your comments and would like to provide you with a response.
          </p>
          <p
            style="
              margin: 0;
              margin-bottom: 8px;
              text-align: left;
              font-size: 14px;
              font-weight: 500;
              line-height: 20px;
              color: white;
            "
          >
            Your issue type: {issueType}
          </p>
          <p
            style="
              margin: 0;
              margin-bottom: 8px;
              text-align: left;
              font-size: 14px;
              font-weight: 500;
              line-height: 20px;
              color: white;
            "
          >
            Your feedback ticket number: <span style="color: #f42c52">{ticketId}</span>
          </p>
          <p
            style="
              margin: 0;
              margin-bottom: 8px;
              text-align: left;
              font-size: 14px;
              font-weight: 500;
              line-height: 20px;
              color: white;
            "
          >
            Your Content: {content}
          </p>
          <p
            style="
              margin: 0;
              margin-bottom: 8px;
              text-align: left;
              font-size: 14px;
              font-weight: 500;
              line-height: 20px;
              color: white;
            "
          >
            Our Response: {Response Details}
          </p>
          <p
            style="
              margin: 0;
              margin-bottom: 24px;
              text-align: left;
              font-size: 14px;
              font-weight: 500;
              line-height: 20px;
            "
          >
            We appreciate your effort to help us improve and hope that our response addresses your concerns. If you have
            any further questions or additional comments, please feel free to contact us. Thank you for your support.
          </p>
        </div>
        <div style="width: 100%; height: 0.5px; background-color: white; margin-bottom: 24px"></div>
        <div style="width: 100%; text-align: left">
          <table style="width: 100%">
            <tr>
              <td style="width: 33.33%; vertical-align: top">
                <div style="max-width: 133px">
                  <p style="margin: 0; color: #b8b8b8; font-size: 14px; font-weight: 500; line-height: 20px">
                    This is automated. Got feedback or need help?
                  </p>
                  <p style="margin: 0; margin-bottom: 30px; font-size: 14px; font-weight: 500; line-height: 20px">
                    <a href="mailto:support@fantasi.one" style="color: #f42c52; text-decoration: none">Contact us.</a>
                  </p>
                  <p style="margin: 0; color: #b8b8b8; font-size: 14px; font-weight: 500; line-height: 20px">
                    ＠Fantasi 2024.
                  </p>
                </div>
              </td>
              <td style="width: 33.33%"></td>
              <td style="width: 33.33%; vertical-align: top">
                <p style="margin: 0; margin-bottom: 2px; font-size: 14px; font-weight: 500; line-height: 20px">
                  Fantasi Support Team
                </p>
                <p style="margin: 0; margin-bottom: 2px; font-size: 14px; font-weight: 500; line-height: 20px">
                  <a href="https://fantasi.one/mine?page=2&name=support" style="color: #b8b8b8; text-decoration: none"
                    >Help Center</a
                  >
                </p>
                <p style="margin: 0; margin-bottom: 2px; font-size: 14px; font-weight: 500; line-height: 20px">
                  <a
                    href="https://fantasi.one/en/mine?page=3&name=privacy-policy"
                    style="color: #b8b8b8; text-decoration: none"
                    >Privacy Policy</a
                  >
                </p>
                <p style="margin: 0; font-size: 14px; font-weight: 500; line-height: 20px">
                  <a href="{cancel_email_notification}" style="color: #b8b8b8; text-decoration: none"
                    >Unsubscribe emails</a
                  >
                </p>
              </td>
            </tr>
          </table>
        </div>
      </div>
    </div>
  </body>
</html>
